{% extends 'common/panel.html' %}

{% block title %}SMP Characterization Site Report{% endblock %}
{% block panel %}
{% load humanize %}

<div class='freetext'>
<h3>General <!--<small><small>[<a id="general_link" href="javascript:toggleDiv('general', 'general_link');">Learn More</a>]</small></small>-->
    <img src="/media/wmm/img/info.png" id="info_smp_aquaculture_general_aquaculture" class="smp_info"/>
</h3>
<div id="general" style="display: none">
    <p>The use of oyster tracts and reserves provide a data foundation to help identify current oyster uses areas and any aquatic parcels for potential future uses.
</div>
<p>
<table  style='width:430px' class='analysis_container'>
    <tbody>
        <tr class="grey">
            <td></td>
            <td><b>Oyster Tracts</b>
                <img src="/media/wmm/img/info.png" id="info_smp_aquaculture_oyster_tracts" class="smp_info"/>
            </td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            {% if oyster_tract == 0.0 %}
            <td>None Found</td>
            {% else %}
            <td>{{oyster_tract|floatformat:2|intcomma}} acres</td>
            {% endif %}
            <td></td>
        </tr>
    </tbody>
</table>
<table  style='width:430px' class='analysis_container'>
    <tbody>
        <tr class="grey">
            <td></td>
            <td><b>Oyster Reserves</b>
                <img src="/media/wmm/img/info.png" id="info_smp_aquaculture_oyster_reserves" class="smp_info"/>
            </td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            {% if oyster_reserves == 0.0 %}
            <td>None Found</td>
            {% else %}
            <td>{{oyster_reserves|floatformat:2|intcomma}} acres</td>
            {% endif %}
            <td></td>
        </tr>
    </tbody>
</table>
<h3>Commercial <!--<small><small>[<a id="commercial_link" href="javascript:toggleDiv('commercial', 'commercial_link');">Learn More</a>]</small></small>-->
    <img src="/media/wmm/img/info.png" id="info_smp_aquaculture_commercial_aquaculture" class="smp_info"/>
</h3>
<div id="commercial" style="display: none">
    <p>The inclusion of commercial shellfish growing areas and commercial shellfish harvest sites provides important information on current shellfish harvesting and in conjunction with oyster parcel data, help identify suitable parcels for expansion of existing commercial shellfish operations or new shellfish facilities. 
</div>
<p>
<table  style='width:430px' class='analysis_container'>
    <tbody>
        <tr class="grey">
            <td></td>
            <td><b>Growing Areas</b>
                <img src="/media/wmm/img/info.png" id="info_smp_aquaculture_growing_areas" class="smp_info"/>
            </td>
            <td></td>
        </tr>
        {% if growing_areas.0 %}
        {% for tuple in growing_areas %}
        <tr>
            <td></td>
            {% if tuple.1 > .1 %}
            <td>{{tuple.0}} ({{tuple.1|floatformat:1|intcomma}} acres)</td>
            {% else %}
            <td>{{tuple.0}} ({{tuple.1|floatformat:2|intcomma}} acres)</td>
            {% endif %}
            <td></td>
        </tr>
        {% endfor %}
        {% else %}
        <tr>
            <td></td>
            <td>None Found</td>
            <td></td>
        </tr>
        {% endif %}
    </tbody>
</table>
<table  style='width:430px' class='analysis_container'>
    <tbody>
        <tr class="grey">
            <td></td>
            <td><b>Harvest Sites</b>
                <img src="/media/wmm/img/info.png" id="info_smp_aquaculture_harvest_sites" class="smp_info"/>
            </td>
            <td></td>
        </tr>
        {% if harvest_sites.0 %}
        {% for tuple in harvest_sites %}
        <tr>
            <td></td>
            <td>{{tuple.0}} ({{tuple.1|floatformat:0|intcomma}} acres)</td>
            <td></td>
        </tr>
        {% endfor %}
        {% else %}
        <tr>
            <td></td>
            <td>None Found</td>
            <td></td>
        </tr>
        {% endif %}
    </tbody>
</table>
<p>

</div>
{% endblock %}